<?php
/*
Template Name: Twitter
*/
?>

<?php get_header(); ?>

<!-- TwitterID取得 -->
	<?php query_posts('post_type=twitter'); ?>
	<?php if(have_posts()): ?>
		<?php while(have_posts()): the_post(); ?>
			<?php $twitter = get_post_meta($post->ID, 'Twitter', true); ?>
		<?php endwhile; ?>
	<?php endif; ?>
<!-- //TwitterID取得// -->

<!-- tweet Loading -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/tempo.min.js"></script>
<!-- This example uses jQuery's ajax() method to retrieve data from Twitter -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		var twitter = Tempo.prepare('tweets').notify(function(event) {
			if (event.type === TempoEvent.Types.RENDER_STARTING || event.type === TempoEvent.Types.RENDER_COMPLETE) {
				$('ol').toggleClass('loading');
			}
		});
		twitter.starting();
		$.getJSON("http://search.twitter.com/search.json?q='<?php echo $twitter; ?>'&rpp=10&callback=?", function(data) {
			twitter.render(data.results);
		});
	});
</script>
<a name="top"></a>
<div id="wrapper">
	<?php if(function_exists("gltr_build_flags_bar")) { gltr_build_flags_bar(); } ?>

	<!-- ヘッダー START -->
	<div id="header">
		<h1><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/front/img_h1.png" alt="平山美春  " title="平山美春  " /></a></h1>
	</div>
	<!-- //ヘッダー END// -->


	<!-- グローバルナビSTART -->
	<?php echo get_global_menu(); ?> 
	<!-- //グローバルナビEND// -->

	 <!-- コンテンツWrapper START -->
     <div class="tiwitter_main clearfix">


     <!-- コンテンツWrapper START -->
     <div class="tiwitter_main clearfix">
        <!-- コンテンツ START -->
        <div id="main" class="clearfix">
        	<div class="twitter_stitle">
            	<h2 class="twitter">Twitter</h2>
    			<p><a href="#"><img id="twimg" src="<?php bloginfo('template_url'); ?>/images/front/btn_follow.png" /></a></p>
            </div>
	<!-- パン屑START -->
	<div id="bread">
		<a title="TOP" href="<?php bloginfo('url'); ?>">TOP</a>&nbsp;&gt;&nbsp;&nbsp;Twitter
	</div>
	<!-- パン屑END -->
	</br>
	<!-- タイムラインSTART -->
	<div class="twitter_box br_box">
            <ol id="tweets">
			<li class="row" data-template style="display: none;">
			<div class="column grid_4 user">
			<img src="images/tweeter.png" data-src="{{profile_image_url}}" height="48" width="48" />
			<h3>{{from_user}}</h3>
			</div>
			<p class="column grid_8 text">{{text | replace '@([A-z0-9_]+)', '@<a href="http://twitter.com/$1">$1</a>'}}<span class="time">, {{created_at | date '\at HH:mm on EEEE' }}</span>
			</p>
			</li>
			<li class="error" data-template-fallback>Sorry, but you sort of need JavaScript for this one!</li>
		</ol>
	</div>
	<!-- //タイムラインEND// -->

	<!-- Pagetop START -->
	<div class="pagetop">
		<p><a href="#">▲Page Topに戻る</a></p>
	</div>
	<!-- //Pagetop END// -->
	
	<!-- フッター START -->
	<div id="footer">
		<p>Copyright&copy; LesPros Entertainment Co., Ltd. All rights reserved.</p>
	</div>
	<!-- //フッター END// -->
</div>

<?php get_footer(); ?>